<script setup lang="ts">
import { ElRow, ElCol } from 'element-plus'
import {
  ElCascader,
  ElCheckboxGroup,
  ElColorPicker,
  ElDatePicker,
  ElInput,
  ElInputNumber,
  ElRadioGroup,
  ElRate,
  ElSelect,
  ElSelectV2,
  ElSlider,
  ElSwitch,
  ElTimePicker,
  ElTimeSelect,
  ElTransfer,
  ElAutocomplete,
  ElDivider
} from 'element-plus'
import { useI18n } from '@/hooks/web/useI18n'
import { ref, reactive, Component } from 'vue'

import { FormSchema } from '@/types/form'

let componentList = reactive<Component[]>([ElInput, ElInputNumber, ElRadioGroup])
</script>

<template>
  <ElRow class="mt-20px" :gutter="20" justify="space-between">
    <ElCol :xl="24" :lg="24" :md="24" :sm="24" :xs="24" class="mb-20px">
      <Component :is="ElInput" />
    </ElCol>
  </ElRow>
</template>
